#cuerpo {
/* background-color: #466BB5;
 */

width:100%;
height:100%;

 margin: auto;
background-color:#4D94B8;
	 font:bold 12px Arial, Helvetica, sans-serif;
	 margin:0;
	 padding:0;
	 min-width:960px;
	 color:#bbbbbb; 


}
#parrafo .formulariousuario{
	background-color:gray;
	width:420px;
	height:380px;
	
}


#menu{
margin-top:-8px;
margin-left: -8px; 
float:left;
}




#imgUni1 {
width: 100px;
height: 100px;
top: 110px;
position: fixed;
z-index: -2;
animation: imgUni1 160s infinite;
-webkit-animation: imgUni1 160s infinite;
-o-animation: imgUni1 160s infinite;
-moz-animation: imgUni1 160s infinite;
}
@-webkit-keyframes imgUni1
{
0% {left:-10%;}
100% {left:105%;}
}
@keyframes imgUni1
{
0% {left:-10%;}
100% {left:105%;}
}
@-o-keyframes imgUni1
{
0% {left:-10%;}
100% {left:105%;}
}
@-moz-keyframes imgUni1
{
0% {left:-10%;}
100% {left:105%;}
}
#imgUni2 {
width: 100px;
height: 100px;
top: 160px;
position: fixed;
z-index: -2;
animation: imgUni2 180s infinite;
-webkit-animation: imgUni2 80s infinite;
-o-animation: imgUni2 180s infinite;
-moz-animation: imgUni2 180s infinite;
}
@-webkit-keyframes imgUni2
{
0% {left:-10%;}
100% {left:105%;}
}
@keyframes imgUni2
{
0% {left:-10%;}
100% {left:105%;}
}
@-o-keyframes imgUni2
{
0% {left:-10%;}
100% {left:105%;}
}
@-moz-keyframes imgUni2
{
0% {left:-10%;}
100% {left:105%;}
}
#imgUni3 {
width: 100px;
height: 100px;
top: 300px;
position: fixed;
z-index: -2;
animation: imgUni3 150s infinite;
-o-animation: imgUni3 150s infinite;
-moz-animation: imgUni3 150s infinite;
-webkit-animation: imgUni3 150s infinite;
}
@-webkit-keyframes imgUni3
{
0% {right:-10%;}
100% {right:105%;}
}
@keyframes imgUni3
{
0% {right:-10%;}
100% {right:105%;}
}
@-o-keyframes imgUni3
{
0% {right:-10%;}
100% {right:105%;}
}
@-moz-keyframes imgUni3
{
0% {right:-10%;}
100% {right:105%;}
}
#imgUni4{
width: 100px;
height: 100px;
top: 450px;
position: fixed;
z-index: -2;
animation: imgUni4 160s infinite;
-o-animation: imgUni4 160s infinite;
-moz-animation: imgUni4 160s infinite;
-webkit-animation: imgUni4 160s infinite;
}
@-webkit-keyframes imgUni4
{
0% {left:-10%;}
100% {left:105%;}
}
@keyframes imgUni4
{
0% {left:-10%;}
100% {left:105%;}
}
-o-@keyframes imgUni4
{
0% {left:-10%;}
100% {left:105%;}
}
-moz-@keyframes imgUni4
{
0% {left:-10%;}
100% {left:105%;}
}

#seccion_central{

float: left;
display: block;
 width: 700px; 
 margin-right: 5px;

}
#lateral derecho{

float: right;
width: 245px;


}

#pie {

clear: both;
width: 100%;
position: fixed;
bottom: 0px;

text-align: center;
padding: 20px;
background-color:#0D3D6E;
color:white;
}


/* login */

#registrar{
text-shadow: 0px 0px 5px gray;
font-weight: bolder;
color:white;
border:none;
background-color:black;
text-decoration: none;
font-size:18px;
padding-left: 17px; padding-bottom: 8px; padding-top: 6px; padding-right: 17px; 
position:relative;
left: 217px;
top: 175px;
}

#iniSesion{
color:white;
border:none;
background-color:black;
text-decoration: none;
font-size:18px;
padding-left: 17px; padding-bottom: 8px; padding-top: 6px; padding-right: 17px; 
position:relative;
left: 200px;
top: 150px;
}



#aviso{

position:relative;
left: 200px;
top: 190px;

}







h1 {
	font: 4em normal Arial, Helvetica, sans-serif;
	padding: 20px;	margin: 0;
	text-align:center;
}

h1 small{
	font: 0.2em normal  Arial, Helvetica, sans-serif;
	text-transform:uppercase; letter-spacing: 0.2em; line-height: 5em;
	display: block;
}

h2 {
    color:#bbb;
    font-size:3em;
	text-align:center;
	text-shadow:0 1px 3px #161616;
}

.container {width: 960px; margin: 0 auto; overflow: hidden;}

#content {	float: left; width: 100%;}

.post { margin: 0 auto; padding-bottom: 50px; float: left; width: 960px; }

.btn-sign {
	width:460px;
	margin-bottom:20px;
	margin:0 auto;
	padding:20px;
	border-radius:5px;
	background: -moz-linear-gradient(center top, #00c6ff, #018eb6);
    background: -webkit-gradient(linear, left top, left bottom, from(#00c6ff), to(#018eb6));
	background:  -o-linear-gradient(top, #00c6ff, #018eb6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00c6ff', EndColorStr='#018eb6');
	text-align:center;
	font-size:36px;
	color:#fff;
	text-transform:uppercase;
}

.btn-sign a { color:#fff; text-shadow:0 1px 2px #161616; }

#mask {
	display: block;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 1001;
	 filter: alpha(opacity=60);
	
}

.modal-popup{
	display:none;
	background: #333;
	padding: 10px; 	
	border: 2px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    
}


img.btn_close {
	float: right; 
	margin: -28px -28px 0 0;
}
input.btn_close {
	float: right; 
	margin: -28px -28px 0 0;
}

fieldset { 
	border:none; 
}

 .textbox label { 
	display:block; 
	padding-bottom:7px; 
}

 .textbox span { 
	display:block;
}

  span { 
	color:#999; 
	font-size:11px; 
	line-height:18px;
} 

 .textbox input { 
	background:#666666; 
	border-bottom:1px solid #333;
	border-left:1px solid #000;
	border-right:1px solid #333;
	border-top:1px solid #000;
	color:#fff; 
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	font:13px Arial, Helvetica, sans-serif;
	padding:6px 6px 4px;
	width:200px;
}

form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }

.boton { 
	background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
	background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
	border-color:#000; 
	border-width:1px;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	color:#333;
	cursor:pointer;
	display:inline-block;
	padding:6px 6px 4px;
	margin-top:10px;
	font:12px; 
	width:214px;
}

.button:hover { background:#ddd; }





#home {
cursor: default;

 font:normal 60pt Arial;
 color:#FFFFFF;
 text-shadow: 0 1px 0 #ccc,
 0 2px 0 #c9c9c9,
 0 3px 0 #bbb,
 0 4px 0 #b9b9b9,
 0 5px 0 #aaa,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 20px 20px rgba(0,0,0,.15);
}

#twt {
cursor: default;

 font:normal 40pt Arial;
 color:#FFFFFF;
 text-shadow: 0 1px 0 #ccc,
 0 2px 0 #c9c9c9,
 0 3px 0 #bbb,
 0 4px 0 #b9b9b9,
 0 5px 0 #aaa,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 20px 20px rgba(0,0,0,.15);
}







#cal {
cursor: default;

 font:normal 100pt Arial;
 color:#FFFFFF;
 text-shadow: 0 1px 0 #ccc,
 0 2px 0 #c9c9c9,
 0 3px 0 #bbb,
 0 4px 0 #b9b9b9,
 0 5px 0 #aaa,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 20px 20px rgba(0,0,0,.15);
}





#email {
cursor: default;

 font:normal 70pt Arial;
 color:#FFFFFF;
 text-shadow: 0 1px 0 #ccc,
 0 2px 0 #c9c9c9,
 0 3px 0 #bbb,
 0 4px 0 #b9b9b9,
 0 5px 0 #aaa,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 20px 20px rgba(0,0,0,.15);
}

#logo{
 width: 90px; 
float:left;
 top: 10px; 
 right: 1250px; 


}
#botonModificar{
background-color: #92cae4;
    border:1px solid #205791;
    color:white;
    padding:5px;
    text-decoration: none;
    font-weight: bold;
    box-shadow:1px 1px 5px black;
    tex-shadow:1px 1px black;

}
#boton-NO{
position:relative;
top: 22px;
right: 70px;

}

#boton-SI{
position:relative;
top: 22px;
right: 155px;
height:30px;
width:35px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;


}
#map-canvas{
position:absolute;
left: 450px;
top: 70px;
height: 470px;
width: 750px;
margin: 0px;
padding: 0px
        

}

#panel {
position: absolute;
top: 5px;
left: 50%;
margin-left: -180px;
z-index: 5;
background-color: #fff;
padding: 5px;
border: 1px solid #999;
 }

#imagenModificar{

height:60px;
width:60px;

}

#modSede{
position:relative;
left: 60px; 
top: -40; 
}
#parrafo .error{
	float:right;
	color:red;
	width:250px;
	height:25px;
	color-background:blue;
	background-color:#F9C9C9;
	border:red 2px solid;
	margin-top: 5px;
	padding: 10px;
}



